The purpose of this track is to provide a basic understanding of what it takes to bring up a basic web page.To know and understand, some familiarity with at least basic HTML scripting is important. One also should be familiar with how web editor software helps, or hinders.
Web pages, at their most elementary level, use a form of scripting to direct the browser in the how to display the content desired for a particular page. Scripting is different from programming in that regular text is used, but with tags that describe to the browser what to do with a particular piece of text or image. A great deal can be done with simple scripts, although much of the flashy material on today's web sites does employ programming.
Today, many pages are built on either a blog or wiki base. For those who want something more unique, generally web page editors are used to develop custom pages. However, knowing a bit of the html scripting helps one use the editors more effectively and to understand what is going on with blog posts or wikis where HTML options are offered. Some page services provide limited editing capability. Accordingly, this track begins by looking at html tagging, then goes to using a free html editor, and finally takes a quick look at a page service site.
Monday, July 4 - JEdit: http://www.jedit.org/
- Jedit is a programming text editor. Getting a simple text file from many commonly used text editors can have various levels of success, depending on the version of the text editor. Many people mistake text editors for word processors, so limited word processor-like features have been added at one time or another.
HTML-Tags (See attachments below)
- To see your tags executed in a browser, Firefox and Safari both have "Open File" options under "File" on the browser menubar. These browsers are the easiest to use for seeing what you are doing with your HTML scripting.
Monday, July 4 - HTML Stylistics (See below) & HTMLListsLinks (See below)
Tuesday, July 5 - HTML-Images (See below) & HTML-Tables (See below)
Wednesday, July 6 - HTML-Colors (See below) & SeaMonkey
- Under "Window" on the menubar, find "Composer."
- SeaMonkey offers some real ease in building html statements - but take a look at what it is doing by looking at HTML Tags and particularly at HTML Source (buttons in the lower left area of the SeaMonkey Composer window.
Thursday, July 7 - Free Page Services: Free Webs - http://www.webs.com/
- When you are setting up your account, on the second section it will offer you a link for HTML-ONLY Mode in the instructions for the second section.
- Choose this link, and go to File Manager to upload files.
- Your web address will be like this pattern http://tkrug.webs.com/Index.html, except using the name of your host site in place of "tkrug" portion of the address.
(Note: Try your page on different computers with different screen resolutions. Sometimes the coding SeaMonkey Composer throws in makes things look all together different on a smaller screen.) Friday, July 8 - Develop your Web Page Performance Record Post your Webs link to your class blog with a label for HTML. Be sure a Labels gadget is showing in the margin with your class blogroll.
After learning HTML, one can use SeaMonkey as an editor to reduce the typing for tags, but one may have to edit some of the things SeaMonkey "throws in." After perfecting the pages they will have to be uploaded to your Webs site and possibly tweaked for full operation. BE SURE TO CHECK YOUR PAGES ON OTHER COMPUTERS with different screen resolutions, using different browsers, etc.
For the purposes of this assignment, not every tag discussed in class or presented in the handout sheets on HTML is required for use. One should be able to develop a complete concept with the web site that will include:
Use of text with appropriate tagging to break up the text, call out headers, emphasize certain sections, display variations of font size, color, link colors, etc., as is useful and needed for a readable and tasteful site.
Lists and tables should be incorporated in the page in a reasonable way.
Demonstration of the use of outside and inside links, but not necessarily internal links
Linking to a second page on the web site will require the development of a second page of content for your site.
The use of images should be done tastefully.
Background interest to include a color, or possibly a background image (but be very cautious about readability if you use a background image).
Links to appropriate external sites are expected to function properly, as well as internal links if you choose to use them.
The purpose of this track is to provide a basic understanding of what it takes to bring up a basic web page.To know and understand, some familiarity with at least basic HTML scripting is important. One also should be familiar with how web editor software helps, or hinders.
Web pages, at their most elementary level, use a form of scripting to direct the browser in the how to display the content desired for a particular page. Scripting is different from programming in that regular text is used, but with tags that describe to the browser what to do with a particular piece of text or image. A great deal can be done with simple scripts, although much of the flashy material on today's web sites does employ programming.
Today, many pages are built on either a blog or wiki base. For those who want something more unique, generally web page editors are used to develop custom pages. However, knowing a bit of the html scripting helps one use the editors more effectively and to understand what is going on with blog posts or wikis where HTML options are offered. Some page services provide limited editing capability. Accordingly, this track begins by looking at html tagging, then goes to using a free html editor, and finally takes a quick look at a page service site.Monday, July 4 - JEdit: http://www.jedit.org/
- Jedit is a programming text editor. Getting a simple text file from many commonly used text editors can have various levels of success, depending on the version of the text editor. Many people mistake text editors for word processors, so limited word processor-like features have been added at one time or another.
HTML-Tags (See attachments below)
- To see your tags executed in a browser, Firefox and Safari both have "Open File" options under "File" on the browser menubar. These browsers are the easiest to use for seeing what you are doing with your HTML scripting.
Monday, July 4 - HTML Stylistics (See below) & HTMLListsLinks (See below)
Tuesday, July 5 - HTML-Images (See below) & HTML-Tables (See below)
Wednesday, July 6 - HTML-Colors (See below) & SeaMonkey
- Under "Window" on the menubar, find "Composer."
- SeaMonkey offers some real ease in building html statements - but take a look at what it is doing by looking at HTML Tags and particularly at HTML Source (buttons in the lower left area of the SeaMonkey Composer window.
Thursday, July 7 - Free Page Services: Free Webs - http://www.webs.com/
- When you are setting up your account, on the second section it will offer you a link for HTML-ONLY Mode in the instructions for the second section.
- Choose this link, and go to File Manager to upload files.
- Your web address will be like this pattern http://tkrug.webs.com/Index.html, except using the name of your host site in place of "tkrug" portion of the address.
(Note: Try your page on different computers with different screen resolutions. Sometimes the coding SeaMonkey Composer throws in makes things look all together different on a smaller screen.)
Friday, July 8 - Develop your Web Page
Performance Record
Post your Webs link to your class blog with a label for HTML. Be sure a Labels gadget is showing in the margin with your class blogroll.
After learning HTML, one can use SeaMonkey as an editor to reduce the typing for tags, but one may have to edit some of the things SeaMonkey "throws in." After perfecting the pages they will have to be uploaded to your Webs site and possibly tweaked for full operation. BE SURE TO CHECK YOUR PAGES ON OTHER COMPUTERS with different screen resolutions, using different browsers, etc.
For the purposes of this assignment, not every tag discussed in class or presented in the handout sheets on HTML is required for use. One should be able to develop a complete concept with the web site that will include:
HTML-Color001.jpg HTML-Colors.pdf HTML-Images.pdf HTML-Tables.pdf HTML-Tags.pdf HTMLListsLinks.pdf HTML Stylistics.pdf